// 无限下拉列表，将事件代理到高层节点上
// 如果都绑定到`<a>`标签上，对内存开销太大
<div id="div1">
  <a href="#">a1</a>
  <a href="#">a2</a>
  <a href="#">a3</a>
  <a href="#">a4</a>
  {/* 无限下拉列表 */}
</div>;

//js
var div1 = document.getElementById("div1");
div1.addEventListener("click", function (e) {
  var target = e.target;
  if (e.nodeName === "A") {
    alert(target.innerHTML);
  }
});
